<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<jsp:include page="head.htm" />
</head>
<body>
	<jsp:include page="loggedIn.jsp" />
	<div id="head">
		<h1>Zeiterfassung</h1>
	</div>
	<jsp:include page="menu.jsp" />
	<div id="content">
		<table cellpadding="0" cellspacing="0">
			<tr>
				<td>
					<h2>
						<c:out value="${title}" />
					</h2>
					<p>
						<c:out value="${message}" />
					</p>
				</td>
			</tr>
			<tr>
				<td>
					<div id="tabs">
						<ul>
							<li><a href="#tabs-1">nach Mitarbeitern</a></li>
							<li><a href="#tabs-2">nach Projekten</a></li>
						</ul>
						<div id="tabs-1">
							<div id="accordion">
								<c:forEach items="${mitarbeiterzeit}" var="mitzeit">
									<h3>
										<a href="#"><c:out value="${mitzeit.bezeichnung}" /> -
											Gesamt: <c:out value="${mitzeit.sZeit}" /></a>
									</h3>
									<div>
										<table cellpadding="0" cellspacing="0" class="atag full">
											<tr>
												<th>Projekt</th>
												<th>Zeit</th>
											</tr>
											<c:forEach items="${mitzeit.content}" var="projekte">
												<tr>
													<td><c:out value="${projekte.bezeichnung}" /></td>
													<td><c:out value="${projekte.sZeit }" /></td>
												</tr>
											</c:forEach>
										</table>
									</div>
								</c:forEach>
							</div>
						</div>
						<div id="tabs-2">
							<div id="accordion2">
								<c:forEach items="${projektzeit}" var="mitzeit">
									<h3>
										<a href="#"><c:out value="${mitzeit.bezeichnung}" /> -
											Gesamt: <c:out value="${mitzeit.sZeit}" /></a>
									</h3>
									<div>
										<table cellpadding="0" cellspacing="0" class="atag full">
											<tr>
												<th>Mitarbeiter</th>
												<th>Zeit</th>
											</tr>
											<c:forEach items="${mitzeit.content}" var="projekte">
												<tr>
													<td><c:out value="${projekte.bezeichnung}" /></td>
													<td><c:out value="${projekte.sZeit }" /></td>
												</tr>
											</c:forEach>
										</table>
									</div>
								</c:forEach>
							</div>
						</div>
					</div>
				</td>
			</tr>
		</table>
	</div>
</body>
</html>
